@charset "UTF-8";
body, page {
    --tn-color-white: #ffffff;
    --tn-color-black: #000000;
    --tn-color-primary-rgb: 1, 190, 255;
    --tn-color-success-rgb: 0, 216, 134;
    --tn-color-warning-rgb: 251, 189, 18;
    --tn-color-danger-rgb: 255, 68, 79;
    --tn-color-error-rgb: 255, 68, 79;
    --tn-color-info-rgb: 156, 156, 156;
    --tn-color-red-rgb: 232, 58, 48;
    --tn-color-purplered-rgb: 231, 47, 140;
    --tn-color-purple-rgb: 137, 47, 232;
    --tn-color-bluepurple-rgb: 95, 79, 217;
    --tn-color-aquablue-rgb: 54, 70, 255;
    --tn-color-blue-rgb: 61, 126, 255;
    --tn-color-indigo-rgb: 49, 201, 232;
    --tn-color-cyan-rgb: 45, 232, 189;
    --tn-color-teal-rgb: 36, 240, 131;
    --tn-color-green-rgb: 49, 231, 73;
    --tn-color-yellowgreen-rgb: 164, 232, 47;
    --tn-color-lime-rgb: 213, 235, 0;
    --tn-color-yellow-rgb: 255, 244, 32;
    --tn-color-orangeyellow-rgb: 255, 202, 40;
    --tn-color-orange-rgb: 255, 167, 38;
    --tn-color-orangered-rgb: 255, 112, 67;
    --tn-color-brown-rgb: 145, 79, 44;
    --tn-color-grey-rgb: 120, 144, 156;
    --tn-color-gray-rgb: 170, 170, 170;
    --tn-font-size-4xl: 64rpx;
    --tn-font-size-3xl: 52rpx;
    --tn-font-size-2xl: 40rpx;
    --tn-font-size-xl: 36rpx;
    --tn-font-size-lg: 32rpx;
    --tn-font-size: 28rpx;
    --tn-font-size-sm: 26rpx;
    --tn-font-size-xs: 24rpx;
    --tn-pm-size-xl: 50rpx;
    --tn-pm-size-lg: 40rpx;
    --tn-pm-size: 30rpx;
    --tn-pm-size-sm: 20rpx;
    --tn-pm-size-xs: 10rpx;
    --tn-pm-size-0: 0rpx;
    --tn-border-radius: 15rpx;
    --tn-border-radius-round: 5000rpx;
    --tn-border-width-bold: 6rpx;
    --tn-border-width: 2rpx
}

body, page {
    color-scheme: light;
    --tn-color-white: #ffffff;
    --tn-color-black: #000000;
    --tn-color-primary: #01beff;
    --tn-color-primary-light-3: #4dd2ff;
    --tn-color-primary-light-5: #80dfff;
    --tn-color-primary-light-7: #b3ecff;
    --tn-color-primary-light-8: #ccf2ff;
    --tn-color-primary-light-9: #e6f9ff;
    --tn-color-primary-dark-2: #0198cc;
    --tn-color-success: #00d886;
    --tn-color-success-light-3: #4de4aa;
    --tn-color-success-light-5: #80ecc3;
    --tn-color-success-light-7: #b3f3db;
    --tn-color-success-light-8: #ccf7e7;
    --tn-color-success-light-9: #e6fbf3;
    --tn-color-success-dark-2: #00ad6b;
    --tn-color-warning: #fbbd12;
    --tn-color-warning-light-3: #fcd159;
    --tn-color-warning-light-5: #fdde89;
    --tn-color-warning-light-7: #feebb8;
    --tn-color-warning-light-8: #fef2d0;
    --tn-color-warning-light-9: #fff8e7;
    --tn-color-warning-dark-2: #c9970e;
    --tn-color-danger: #ff444f;
    --tn-color-danger-light-3: #ff7c84;
    --tn-color-danger-light-5: #ffa2a7;
    --tn-color-danger-light-7: #ffc7ca;
    --tn-color-danger-light-8: #ffdadc;
    --tn-color-danger-light-9: #ffeced;
    --tn-color-danger-dark-2: #cc363f;
    --tn-color-error: #ff444f;
    --tn-color-error-light-3: #ff7c84;
    --tn-color-error-light-5: #ffa2a7;
    --tn-color-error-light-7: #ffc7ca;
    --tn-color-error-light-8: #ffdadc;
    --tn-color-error-light-9: #ffeced;
    --tn-color-error-dark-2: #cc363f;
    --tn-color-info: #9c9c9c;
    --tn-color-info-light-3: #bababa;
    --tn-color-info-light-5: #cecece;
    --tn-color-info-light-7: #e1e1e1;
    --tn-color-info-light-8: #ebebeb;
    --tn-color-info-light-9: whitesmoke;
    --tn-color-info-dark-2: #7d7d7d;
    --tn-color-red: #e83a30;
    --tn-color-red-dark: #ba2e26;
    --tn-color-red-light: #fad8d6;
    --tn-color-red-disabled: #f39c97;
    --tn-color-purplered: #e72f8c;
    --tn-color-purplered-dark: #b9266f;
    --tn-color-purplered-light: #fad5e8;
    --tn-color-purplered-disabled: #f397c5;
    --tn-color-purple: #892fe8;
    --tn-color-purple-dark: #6e26ba;
    --tn-color-purple-light: #e7d5fa;
    --tn-color-purple-disabled: #c497f3;
    --tn-color-bluepurple: #5f4fd9;
    --tn-color-bluepurple-dark: #4c3fae;
    --tn-color-bluepurple-light: #dfdcf7;
    --tn-color-bluepurple-disabled: #afa7ec;
    --tn-color-aquablue: #3646ff;
    --tn-color-aquablue-dark: #2b38cc;
    --tn-color-aquablue-light: #d7daff;
    --tn-color-aquablue-disabled: #9aa2ff;
    --tn-color-blue: #3d7eff;
    --tn-color-blue-dark: #3165cc;
    --tn-color-blue-light: #d8e5ff;
    --tn-color-blue-disabled: #9ebeff;
    --tn-color-indigo: #31c9e8;
    --tn-color-indigo-dark: #27a1ba;
    --tn-color-indigo-light: #d6f4fa;
    --tn-color-indigo-disabled: #98e4f3;
    --tn-color-cyan: #2de8bd;
    --tn-color-cyan-dark: #24ba97;
    --tn-color-cyan-light: #d5faf2;
    --tn-color-cyan-disabled: #96f3de;
    --tn-color-teal: #24f083;
    --tn-color-teal-dark: #1dc069;
    --tn-color-teal-light: #d3fce6;
    --tn-color-teal-disabled: #91f7c1;
    --tn-color-green: #31e749;
    --tn-color-green-dark: #27b93a;
    --tn-color-green-light: #d6fadb;
    --tn-color-green-disabled: #98f3a4;
    --tn-color-yellowgreen: #a4e82f;
    --tn-color-yellowgreen-dark: #82ba26;
    --tn-color-yellowgreen-light: #edfad5;
    --tn-color-yellowgreen-disabled: #d1f397;
    --tn-color-lime: #d5eb00;
    --tn-color-lime-dark: #aabc00;
    --tn-color-lime-light: #f7fbcc;
    --tn-color-lime-disabled: #e9f57f;
    --tn-color-yellow: #fff420;
    --tn-color-yellow-dark: #ccc21a;
    --tn-color-yellow-light: #fffdd2;
    --tn-color-yellow-disabled: #fff88f;
    --tn-color-orangeyellow: #ffca28;
    --tn-color-orangeyellow-dark: #cca220;
    --tn-color-orangeyellow-light: #fff4d4;
    --tn-color-orangeyellow-disabled: #ffe493;
    --tn-color-orange: #ffa726;
    --tn-color-orange-dark: #cc851e;
    --tn-color-orange-light: #ffedd4;
    --tn-color-orange-disabled: #ffd392;
    --tn-color-orangered: #ff7043;
    --tn-color-orangered-dark: #cc5a36;
    --tn-color-orangered-light: #ffe2d9;
    --tn-color-orangered-disabled: #ffb7a1;
    --tn-color-brown: #914f2c;
    --tn-color-brown-dark: #743f23;
    --tn-color-brown-light: #e9dcd5;
    --tn-color-brown-disabled: #c8a795;
    --tn-color-grey: #78909c;
    --tn-color-grey-dark: #5f7e8b;
    --tn-color-grey-light: #e4e9ec;
    --tn-color-grey-disabled: #c6d1d8;
    --tn-color-gray: #aaaaaa;
    --tn-color-gray-dark: #838383;
    --tn-color-gray-light: #f8f7f8;
    --tn-color-gray-disabled: #e6e6e6;
    --tn-bg-color: #ffffff;
    --tn-bg-color-page: #f4f4f4;
    --tn-bg-color-overlay: #ffffff;
    --tn-bg-color-mask: rgba(0, 0, 0, 0.5);
    --tn-text-color-primary: #080808;
    --tn-text-color-secondary: #9c9c9c;
    --tn-text-color-placeholder: #838383;
    --tn-text-color-disabled: #e6e6e6
}

body, page {
    -webkit-tap-highlight-color: transparent;
    background-color: var(--tn-bg-color);
    font-size: var(--tn-font-size);
    color: var(--tn-text-color)
}

::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: 0 0
}

.tn-u-safe-area {
    padding-bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom) !important;
    padding-bottom: env(safe-area-inset-bottom) !important
}

.tn-u-safe-area--more {
    padding-bottom: 20rpx;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 20rpx) !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx) !important
}

button, cover-view, image, input, label, navigator, scroll-view, swiper, textarea, view {
    box-sizing: border-box
}

button::after {
    border: none
}

image {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    will-change: transform
}

.tn-u-btn-clear {
    background-color: transparent;
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
    color: inherit;
    border: none
}

.tn-u-btn-clear::after {
    border: none
}

.tn-u-btn-hover {
    opacity: .8;
    box-shadow: inset 10rpx 2rpx 40rpx 0rpx rgba(0, 0, 0, .05)
}

.tn-scroll-view {
    width: 100%;
    height: 100%
}

.tn-scroll-view::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent
}

.tn-image {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    will-change: transform
}

.tn-w-0 {
    width: 0
}

.tn-w-px {
    width: 2rpx
}

.tn-w-1-2 {
    width: 50%
}

.tn-w-1-3 {
    width: 33.3333333333%
}

.tn-w-2-3 {
    width: 66.6666666667%
}

.tn-w-1-4 {
    width: 25%
}

.tn-w-2-4 {
    width: 50%
}

.tn-w-3-4 {
    width: 75%
}

.tn-w-1-5 {
    width: 20%
}

.tn-w-2-5 {
    width: 40%
}

.tn-w-3-5 {
    width: 60%
}

.tn-w-4-5 {
    width: 80%
}

.tn-w-1-6 {
    width: 16.6666666667%
}

.tn-w-2-6 {
    width: 33.3333333333%
}

.tn-w-3-6 {
    width: 50%
}

.tn-w-4-6 {
    width: 66.6666666667%
}

.tn-w-5-6 {
    width: 83.3333333333%
}

.tn-w-1-12 {
    width: 8.3333333333%
}

.tn-w-2-12 {
    width: 16.6666666667%
}

.tn-w-3-12 {
    width: 25%
}

.tn-w-4-12 {
    width: 33.3333333333%
}

.tn-w-5-12 {
    width: 41.6666666667%
}

.tn-w-6-12 {
    width: 50%
}

.tn-w-7-12 {
    width: 58.3333333333%
}

.tn-w-8-12 {
    width: 66.6666666667%
}

.tn-w-9-12 {
    width: 75%
}

.tn-w-10-12 {
    width: 83.3333333333%
}

.tn-w-11-12 {
    width: 91.6666666667%
}

.tn-w-auto {
    width: auto
}

.tn-w-full {
    width: 100%
}

.tn-w-screen {
    width: 100vw
}

.tn-w-min {
    width: -moz-min-content;
    width: min-content
}

.tn-w-max {
    width: -moz-max-content;
    width: max-content
}

.tn-h-0 {
    height: 0
}

.tn-h-px {
    height: 2rpx
}

.tn-h-1-2 {
    height: 50%
}

.tn-h-1-3 {
    height: 33.3333333333%
}

.tn-h-2-3 {
    height: 66.6666666667%
}

.tn-h-1-4 {
    height: 25%
}

.tn-h-2-4 {
    height: 50%
}

.tn-h-3-4 {
    height: 75%
}

.tn-h-1-5 {
    height: 20%
}

.tn-h-2-5 {
    height: 40%
}

.tn-h-3-5 {
    height: 60%
}

.tn-h-4-5 {
    height: 80%
}

.tn-h-1-6 {
    height: 16.6666666667%
}

.tn-h-2-6 {
    height: 33.3333333333%
}

.tn-h-3-6 {
    height: 50%
}

.tn-h-4-6 {
    height: 66.6666666667%
}

.tn-h-5-6 {
    height: 83.3333333333%
}

.tn-h-1-12 {
    height: 8.3333333333%
}

.tn-h-2-12 {
    height: 16.6666666667%
}

.tn-h-3-12 {
    height: 25%
}

.tn-h-4-12 {
    height: 33.3333333333%
}

.tn-h-5-12 {
    height: 41.6666666667%
}

.tn-h-6-12 {
    height: 50%
}

.tn-h-7-12 {
    height: 58.3333333333%
}

.tn-h-8-12 {
    height: 66.6666666667%
}

.tn-h-9-12 {
    height: 75%
}

.tn-h-10-12 {
    height: 83.3333333333%
}

.tn-h-11-12 {
    height: 91.6666666667%
}

.tn-h-auto {
    height: auto
}

.tn-h-full {
    height: 100%
}

.tn-h-screen {
    height: 100vh
}

.tn-p {
    padding: var(--tn-pm-size)
}

.tn-p-xs {
    padding: var(--tn-pm-size-xs)
}

.tn-p-sm {
    padding: var(--tn-pm-size-sm)
}

.tn-p-lg {
    padding: var(--tn-pm-size-lg)
}

.tn-p-xl {
    padding: var(--tn-pm-size-xl)
}

.tn-p-0 {
    padding: var(--tn-pm-size-0)
}

.tn-pt {
    padding-top: var(--tn-pm-size)
}

.tn-pt-xs {
    padding-top: var(--tn-pm-size-xs)
}

.tn-pt-sm {
    padding-top: var(--tn-pm-size-sm)
}

.tn-pt-lg {
    padding-top: var(--tn-pm-size-lg)
}

.tn-pt-xl {
    padding-top: var(--tn-pm-size-xl)
}

.tn-pt-0 {
    padding-top: var(--tn-pm-size-0)
}

.tn-pr {
    padding-right: var(--tn-pm-size)
}

.tn-pr-xs {
    padding-right: var(--tn-pm-size-xs)
}

.tn-pr-sm {
    padding-right: var(--tn-pm-size-sm)
}

.tn-pr-lg {
    padding-right: var(--tn-pm-size-lg)
}

.tn-pr-xl {
    padding-right: var(--tn-pm-size-xl)
}

.tn-pr-0 {
    padding-right: var(--tn-pm-size-0)
}

.tn-pb {
    padding-bottom: var(--tn-pm-size)
}

.tn-pb-xs {
    padding-bottom: var(--tn-pm-size-xs)
}

.tn-pb-sm {
    padding-bottom: var(--tn-pm-size-sm)
}

.tn-pb-lg {
    padding-bottom: var(--tn-pm-size-lg)
}

.tn-pb-xl {
    padding-bottom: var(--tn-pm-size-xl)
}

.tn-pb-0 {
    padding-bottom: var(--tn-pm-size-0)
}

.tn-pl {
    padding-left: var(--tn-pm-size)
}

.tn-pl-xs {
    padding-left: var(--tn-pm-size-xs)
}

.tn-pl-sm {
    padding-left: var(--tn-pm-size-sm)
}

.tn-pl-lg {
    padding-left: var(--tn-pm-size-lg)
}

.tn-pl-xl {
    padding-left: var(--tn-pm-size-xl)
}

.tn-pl-0 {
    padding-left: var(--tn-pm-size-0)
}

.tn-m {
    margin: var(--tn-pm-size)
}

.tn-m-xs {
    margin: var(--tn-pm-size-xs)
}

.tn-m-sm {
    margin: var(--tn-pm-size-sm)
}

.tn-m-lg {
    margin: var(--tn-pm-size-lg)
}

.tn-m-xl {
    margin: var(--tn-pm-size-xl)
}

.tn-m-0 {
    margin: var(--tn-pm-size-0)
}

.tn-mt {
    margin-top: var(--tn-pm-size)
}

.tn-mt-xs {
    margin-top: var(--tn-pm-size-xs)
}

.tn-mt-sm {
    margin-top: var(--tn-pm-size-sm)
}

.tn-mt-lg {
    margin-top: var(--tn-pm-size-lg)
}

.tn-mt-xl {
    margin-top: var(--tn-pm-size-xl)
}

.tn-mt-0 {
    margin-top: var(--tn-pm-size-0)
}

.tn-mr {
    margin-right: var(--tn-pm-size)
}

.tn-mr-xs {
    margin-right: var(--tn-pm-size-xs)
}

.tn-mr-sm {
    margin-right: var(--tn-pm-size-sm)
}

.tn-mr-lg {
    margin-right: var(--tn-pm-size-lg)
}

.tn-mr-xl {
    margin-right: var(--tn-pm-size-xl)
}

.tn-mr-0 {
    margin-right: var(--tn-pm-size-0)
}

.tn-mb {
    margin-bottom: var(--tn-pm-size)
}

.tn-mb-xs {
    margin-bottom: var(--tn-pm-size-xs)
}

.tn-mb-sm {
    margin-bottom: var(--tn-pm-size-sm)
}

.tn-mb-lg {
    margin-bottom: var(--tn-pm-size-lg)
}

.tn-mb-xl {
    margin-bottom: var(--tn-pm-size-xl)
}

.tn-mb-0 {
    margin-bottom: var(--tn-pm-size-0)
}

.tn-ml {
    margin-left: var(--tn-pm-size)
}

.tn-ml-xs {
    margin-left: var(--tn-pm-size-xs)
}

.tn-ml-sm {
    margin-left: var(--tn-pm-size-sm)
}

.tn-ml-lg {
    margin-left: var(--tn-pm-size-lg)
}

.tn-ml-xl {
    margin-left: var(--tn-pm-size-xl)
}

.tn-ml-0 {
    margin-left: var(--tn-pm-size-0)
}

[class*=tn-flex] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.tn-flex-row {
    flex-direction: row
}

.tn-flex-row-reverse {
    flex-direction: row-reverse
}

.tn-flex-column {
    flex-direction: column
}

.tn-flex-column-reverse {
    flex-direction: column-reverse
}

.tn-flex-nowrap {
    flex-wrap: nowrap
}

.tn-flex-wrap {
    flex-wrap: wrap
}

.tn-flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.tn-flex-1 {
    flex: 1 1 0%
}

.tn-flex-auto {
    flex: 1 1 auto
}

.tn-flex-inital {
    flex: 0 1 auto
}

.tn-flex-none {
    flex: none
}

.tn-flex-grow {
    flex-grow: 1
}

.tn-flex-grow-0 {
    flex-grow: 0
}

.tn-flex-shrink {
    flex-shrink: 1
}

.tn-flex-shrink-0 {
    flex-shrink: 0
}

.tn-flex-start-start {
    align-items: flex-start;
    justify-content: flex-start
}

.tn-flex-start-end {
    align-items: flex-start;
    justify-content: flex-end
}

.tn-flex-start-center {
    align-items: flex-start;
    justify-content: center
}

.tn-flex-start-between {
    align-items: flex-start;
    justify-content: space-between
}

.tn-flex-start-around {
    align-items: flex-start;
    justify-content: space-around
}

.tn-flex-end-start {
    align-items: flex-end;
    justify-content: flex-start
}

.tn-flex-end-end {
    align-items: flex-end;
    justify-content: flex-end
}

.tn-flex-end-center {
    align-items: flex-end;
    justify-content: center
}

.tn-flex-end-between {
    align-items: flex-end;
    justify-content: space-between
}

.tn-flex-end-around {
    align-items: flex-end;
    justify-content: space-around
}

.tn-flex-center-start {
    align-items: center;
    justify-content: flex-start
}

.tn-flex-center-end {
    align-items: center;
    justify-content: flex-end
}

.tn-flex-center-center {
    align-items: center;
    justify-content: center
}

.tn-flex-center-between {
    align-items: center;
    justify-content: space-between
}

.tn-flex-center-around {
    align-items: center;
    justify-content: space-around
}

.tn-flex-baseline-start {
    align-items: baseline;
    justify-content: flex-start
}

.tn-flex-baseline-end {
    align-items: baseline;
    justify-content: flex-end
}

.tn-flex-baseline-center {
    align-items: baseline;
    justify-content: center
}

.tn-flex-baseline-between {
    align-items: baseline;
    justify-content: space-between
}

.tn-flex-baseline-around {
    align-items: baseline;
    justify-content: space-around
}

.tn-flex-stretch-start {
    align-items: stretch;
    justify-content: flex-start
}

.tn-flex-stretch-end {
    align-items: stretch;
    justify-content: flex-end
}

.tn-flex-stretch-center {
    align-items: stretch;
    justify-content: center
}

.tn-flex-stretch-between {
    align-items: stretch;
    justify-content: space-between
}

.tn-flex-stretch-around {
    align-items: stretch;
    justify-content: space-around
}

.tn-flex-center {
    align-items: center;
    justify-content: center
}

.tn-flex.justify-start {
    justify-content: flex-start
}

.tn-flex.justify-end {
    justify-content: flex-end
}

.tn-flex.justify-center {
    justify-content: center
}

.tn-flex.justify-between {
    justify-content: space-between
}

.tn-flex.justify-around {
    justify-content: space-around
}

.tn-flex.justify-evenly {
    justify-content: space-evenly
}

.tn-flex.justify-item-start {
    justify-items: start
}

.tn-flex.justify-item-end {
    justify-items: end
}

.tn-flex.justify-item-center {
    justify-items: center
}

.tn-flex.justify-item-stretch {
    justify-items: stretch
}

.tn-flex.justify-self-auto {
    justify-self: auto
}

.tn-flex.justify-self-start {
    justify-self: start
}

.tn-flex.justify-self-end {
    justify-self: end
}

.tn-flex.justify-self-center {
    justify-self: center
}

.tn-flex.justify-self-stretch {
    justify-self: stretch
}

.tn-flex.content-start {
    align-content: flex-start
}

.tn-flex.content-end {
    align-content: flex-end
}

.tn-flex.content-center {
    align-content: center
}

.tn-flex.content-between {
    align-content: space-between
}

.tn-flex.content-around {
    align-content: space-around
}

.tn-flex.content-evenly {
    align-content: evenly
}

.tn-flex.items-start {
    align-items: flex-start
}

.tn-flex.items-end {
    align-items: flex-end
}

.tn-flex.items-center {
    align-items: center
}

.tn-flex.items-baseline {
    align-items: baseline
}

.tn-flex.items-stretch {
    align-items: stretch
}

.tn-shadow {
    --tn-shadow: 0rpx 10rpx 60rpx -19rpx rgba(0, 0, 0, 0.1);
    --tn-shadow-colored: 0rpx 10rpx 60rpx -19rpx var(--tn-shadow-color)
}

.tn-shadow {
    box-shadow: var(--tn-shadow)
}

.tn-shadow-sm {
    --tn-shadow: 0rpx 10rpx 60rpx -40rpx rgba(0, 0, 0, 0.1);
    --tn-shadow-colored: 0rpx 10rpx 60rpx -40rpx var(--tn-shadow-color)
}

.tn-shadow-sm {
    box-shadow: var(--tn-shadow)
}

.tn-shadow-md {
    --tn-shadow: 0rpx 10rpx 20rpx -2rpx rgba(0, 0, 0, 0.1), 0rpx 0rpx 10rpx -4rpx rgba(0, 0, 0, 0.1);
    --tn-shadow-colored: 0rpx 10rpx 20rpx -2rpx var(--tn-shadow-color), 0rpx 0rpx 10rpx -4rpx var(--tn-shadow-color)
}

.tn-shadow-md {
    box-shadow: var(--tn-shadow)
}

.tn-shadow-lg {
    --tn-shadow: 0rpx 20rpx 30rpx -4rpx rgba(0, 0, 0, 0.1), 0rpx 10rpx 20rpx -4rpx rgba(0, 0, 0, 0.1);
    --tn-shadow-colored: 0rpx 20rpx 30rpx -4rpx var(--tn-shadow-color), 0rpx 10rpx 20rpx -4rpx var(--tn-shadow-color)
}

.tn-shadow-lg {
    box-shadow: var(--tn-shadow)
}

.tn-shadow-blur {
    position: relative
}

.tn-shadow-blur::before {
    content: " ";
    display: block;
    background: inherit;
    background-color: inherit;
    background-image: inherit;
    filter: blur(10rpx);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10rpx;
    left: 10rpx;
    z-index: inherit;
    opacity: .4;
    transform-origin: 0 0;
    border-radius: inherit;
    transform: scale(1, 1)
}

.tn-type-primary_bg {
    background-color: var(--tn-color-primary);
    color: var(--tn-color-white)
}

.tn-type-success_bg {
    background-color: var(--tn-color-success);
    color: var(--tn-color-white)
}

.tn-type-warning_bg {
    background-color: var(--tn-color-warning);
    color: var(--tn-color-white)
}

.tn-type-danger_bg {
    background-color: var(--tn-color-danger);
    color: var(--tn-color-white)
}

.tn-type-error_bg {
    background-color: var(--tn-color-error);
    color: var(--tn-color-white)
}

.tn-type-info_bg {
    background-color: var(--tn-color-info);
    color: var(--tn-color-white)
}

.tn-white_bg {
    background-color: var(--tn-color-white);
    color: var(--tn-text-color-primary)
}

.tn-black_bg {
    background-color: var(--tn-text-color-primary) !important;
    color: var(--tn-color-white)
}

.tn-red_bg {
    background-color: var(--tn-color-red);
    color: var(--tn-color-white)
}

.tn-red-light_bg {
    background-color: var(--tn-color-red-light);
    color: var(--tn-color-red)
}

.tn-red-dark_bg {
    background-color: var(--tn-color-red-dark);
    color: var(--tn-color-white)
}

.tn-red-disabled_bg {
    background-color: var(--tn-color-red-disabled);
    color: var(--tn-color-red-dark)
}

.tn-purplered_bg {
    background-color: var(--tn-color-purplered);
    color: var(--tn-color-white)
}

.tn-purplered-light_bg {
    background-color: var(--tn-color-purplered-light);
    color: var(--tn-color-purplered)
}

.tn-purplered-dark_bg {
    background-color: var(--tn-color-purplered-dark);
    color: var(--tn-color-white)
}

.tn-purplered-disabled_bg {
    background-color: var(--tn-color-purplered-disabled);
    color: var(--tn-color-purplered-dark)
}

.tn-purple_bg {
    background-color: var(--tn-color-purple);
    color: var(--tn-color-white)
}

.tn-purple-light_bg {
    background-color: var(--tn-color-purple-light);
    color: var(--tn-color-purple)
}

.tn-purple-dark_bg {
    background-color: var(--tn-color-purple-dark);
    color: var(--tn-color-white)
}

.tn-purple-disabled_bg {
    background-color: var(--tn-color-purple-disabled);
    color: var(--tn-color-purple-dark)
}

.tn-bluepurple_bg {
    background-color: var(--tn-color-bluepurple);
    color: var(--tn-color-white)
}

.tn-bluepurple-light_bg {
    background-color: var(--tn-color-bluepurple-light);
    color: var(--tn-color-bluepurple)
}

.tn-bluepurple-dark_bg {
    background-color: var(--tn-color-bluepurple-dark);
    color: var(--tn-color-white)
}

.tn-bluepurple-disabled_bg {
    background-color: var(--tn-color-bluepurple-disabled);
    color: var(--tn-color-bluepurple-dark)
}

.tn-aquablue_bg {
    background-color: var(--tn-color-aquablue);
    color: var(--tn-color-white)
}

.tn-aquablue-light_bg {
    background-color: var(--tn-color-aquablue-light);
    color: var(--tn-color-aquablue)
}

.tn-aquablue-dark_bg {
    background-color: var(--tn-color-aquablue-dark);
    color: var(--tn-color-white)
}

.tn-aquablue-disabled_bg {
    background-color: var(--tn-color-aquablue-disabled);
    color: var(--tn-color-aquablue-dark)
}

.tn-blue_bg {
    background-color: var(--tn-color-blue) !important;
    color: var(--tn-color-white)
}

.tn-blue-light_bg {
    background-color: var(--tn-color-blue-light);
    color: var(--tn-color-blue)
}

.tn-blue-dark_bg {
    background-color: var(--tn-color-blue-dark);
    color: var(--tn-color-white)
}

.tn-blue-disabled_bg {
    background-color: var(--tn-color-blue-disabled);
    color: var(--tn-color-blue-dark)
}

.tn-indigo_bg {
    background-color: var(--tn-color-indigo);
    color: var(--tn-color-white)
}

.tn-indigo-light_bg {
    background-color: var(--tn-color-indigo-light);
    color: var(--tn-color-indigo)
}

.tn-indigo-dark_bg {
    background-color: var(--tn-color-indigo-dark);
    color: var(--tn-color-white)
}

.tn-indigo-disabled_bg {
    background-color: var(--tn-color-indigo-disabled);
    color: var(--tn-color-indigo-dark)
}

.tn-cyan_bg {
    background-color: var(--tn-color-cyan);
    color: var(--tn-color-white)
}

.tn-cyan-light_bg {
    background-color: var(--tn-color-cyan-light);
    color: var(--tn-color-cyan)
}

.tn-cyan-dark_bg {
    background-color: var(--tn-color-cyan-dark);
    color: var(--tn-color-white)
}

.tn-cyan-disabled_bg {
    background-color: var(--tn-color-cyan-disabled);
    color: var(--tn-color-cyan-dark)
}

.tn-teal_bg {
    background-color: var(--tn-color-teal);
    color: var(--tn-color-white)
}

.tn-teal-light_bg {
    background-color: var(--tn-color-teal-light);
    color: var(--tn-color-teal)
}

.tn-teal-dark_bg {
    background-color: var(--tn-color-teal-dark);
    color: var(--tn-color-white)
}

.tn-teal-disabled_bg {
    background-color: var(--tn-color-teal-disabled);
    color: var(--tn-color-teal-dark)
}

.tn-green_bg {
    background-color: var(--tn-color-green);
    color: var(--tn-color-white)
}

.tn-green-light_bg {
    background-color: var(--tn-color-green-light);
    color: var(--tn-color-green)
}

.tn-green-dark_bg {
    background-color: var(--tn-color-green-dark);
    color: var(--tn-color-white)
}

.tn-green-disabled_bg {
    background-color: var(--tn-color-green-disabled);
    color: var(--tn-color-green-dark)
}

.tn-yellowgreen_bg {
    background-color: var(--tn-color-yellowgreen);
    color: var(--tn-color-white)
}

.tn-yellowgreen-light_bg {
    background-color: var(--tn-color-yellowgreen-light);
    color: var(--tn-color-yellowgreen)
}

.tn-yellowgreen-dark_bg {
    background-color: var(--tn-color-yellowgreen-dark);
    color: var(--tn-color-white)
}

.tn-yellowgreen-disabled_bg {
    background-color: var(--tn-color-yellowgreen-disabled);
    color: var(--tn-color-yellowgreen-dark)
}

.tn-lime_bg {
    background-color: var(--tn-color-lime);
    color: var(--tn-color-lime-dark)
}

.tn-lime-light_bg {
    background-color: var(--tn-color-lime-light);
    color: var(--tn-color-lime-dark)
}

.tn-lime-dark_bg {
    background-color: var(--tn-color-lime-dark);
    color: var(--tn-color-white)
}

.tn-lime-disabled_bg {
    background-color: var(--tn-color-lime-disabled);
    color: var(--tn-color-lime-dark)
}

.tn-yellow_bg {
    background-color: var(--tn-color-yellow);
    color: var(--tn-color-yellow-dark)
}

.tn-yellow-light_bg {
    background-color: var(--tn-color-yellow-light);
    color: var(--tn-color-yellow-dark)
}

.tn-yellow-dark_bg {
    background-color: var(--tn-color-yellow-dark);
    color: var(--tn-color-white)
}

.tn-yellow-disabled_bg {
    background-color: var(--tn-color-yellow-disabled);
    color: var(--tn-color-yellow-dark)
}

.tn-orangeyellow_bg {
    background-color: var(--tn-color-orangeyellow);
    color: var(--tn-color-white)
}

.tn-orangeyellow-light_bg {
    background-color: var(--tn-color-orangeyellow-light);
    color: var(--tn-color-orangeyellow)
}

.tn-orangeyellow-dark_bg {
    background-color: var(--tn-color-orangeyellow-dark);
    color: var(--tn-color-white)
}

.tn-orangeyellow-disabled_bg {
    background-color: var(--tn-color-orangeyellow-disabled);
    color: var(--tn-color-orangeyellow-dark)
}

.tn-orange_bg {
    background-color: var(--tn-color-orange);
    color: var(--tn-color-white)
}

.tn-orange-light_bg {
    background-color: var(--tn-color-orange-light);
    color: var(--tn-color-orange)
}

.tn-orange-dark_bg {
    background-color: var(--tn-color-orange-dark);
    color: var(--tn-color-white)
}

.tn-orange-disabled_bg {
    background-color: var(--tn-color-orange-disabled);
    color: var(--tn-color-orange-dark)
}

.tn-orangered_bg {
    background-color: var(--tn-color-orangered);
    color: var(--tn-color-white)
}

.tn-orangered-light_bg {
    background-color: var(--tn-color-orangered-light);
    color: var(--tn-color-orangered)
}

.tn-orangered-dark_bg {
    background-color: var(--tn-color-orangered-dark);
    color: var(--tn-color-white)
}

.tn-orangered-disabled_bg {
    background-color: var(--tn-color-orangered-disabled);
    color: var(--tn-color-orangered-dark)
}

.tn-brown_bg {
    background-color: var(--tn-color-brown);
    color: var(--tn-color-white)
}

.tn-brown-light_bg {
    background-color: var(--tn-color-brown-light);
    color: var(--tn-color-brown)
}

.tn-brown-dark_bg {
    background-color: var(--tn-color-brown-dark);
    color: var(--tn-color-white)
}

.tn-brown-disabled_bg {
    background-color: var(--tn-color-brown-disabled);
    color: var(--tn-color-brown-dark)
}

.tn-grey_bg {
    background-color: var(--tn-color-grey);
    color: var(--tn-color-white)
}

.tn-grey-light_bg {
    background-color: var(--tn-color-grey-light);
    color: var(--tn-color-grey)
}

.tn-grey-dark_bg {
    background-color: var(--tn-color-grey-dark);
    color: var(--tn-color-white)
}

.tn-grey-disabled_bg {
    background-color: var(--tn-color-grey-disabled);
    color: var(--tn-color-grey-dark)
}

.tn-gray_bg {
    background-color: var(--tn-color-gray);
    color: var(--tn-color-white)
}

.tn-gray-light_bg {
    background-color: var(--tn-color-gray-light);
    color: var(--tn-color-gray)
}

.tn-gray-dark_bg {
    background-color: var(--tn-color-gray-dark);
    color: var(--tn-color-white)
}

.tn-gray-disabled_bg {
    background-color: var(--tn-color-gray-disabled);
    color: var(--tn-color-gray-dark)
}

[class*=tn-gradient-bg] {
    background-image: repeating-linear-gradient(45deg, var(--tn-cool-bg-start-color), var(--tn-cool-bg-end-color))
}

.tn-gradient-bg__red {
    --tn-cool-bg-start-color: var(--tn-color-red);
    --tn-cool-bg-end-color: var(--tn-color-purplered)
}

.tn-gradient-bg__red-light {
    --tn-cool-bg-start-color: var(--tn-color-red-light);
    --tn-cool-bg-end-color: var(--tn-color-purplered-light)
}

.tn-gradient-bg__red-single {
    --tn-cool-bg-start-color: var(--tn-color-red);
    --tn-cool-bg-end-color: var(--tn-color-red-light)
}

.tn-gradient-bg__purplered {
    --tn-cool-bg-start-color: var(--tn-color-purplered);
    --tn-cool-bg-end-color: var(--tn-color-purple)
}

.tn-gradient-bg__purplered-light {
    --tn-cool-bg-start-color: var(--tn-color-purplered-light);
    --tn-cool-bg-end-color: var(--tn-color-purple-light)
}

.tn-gradient-bg__purplered-single {
    --tn-cool-bg-start-color: var(--tn-color-purplered);
    --tn-cool-bg-end-color: var(--tn-color-purplered-light)
}

.tn-gradient-bg__purple {
    --tn-cool-bg-start-color: var(--tn-color-purple);
    --tn-cool-bg-end-color: var(--tn-color-bluepurple)
}

.tn-gradient-bg__purple-light {
    --tn-cool-bg-start-color: var(--tn-color-purple-light);
    --tn-cool-bg-end-color: var(--tn-color-bluepurple-light)
}

.tn-gradient-bg__purple-single {
    --tn-cool-bg-start-color: var(--tn-color-purple);
    --tn-cool-bg-end-color: var(--tn-color-purple-light)
}

.tn-gradient-bg__bluepurple {
    --tn-cool-bg-start-color: var(--tn-color-bluepurple);
    --tn-cool-bg-end-color: var(--tn-color-aquablue)
}

.tn-gradient-bg__bluepurple-light {
    --tn-cool-bg-start-color: var(--tn-color-bluepurple-light);
    --tn-cool-bg-end-color: var(--tn-color-aquablue-light)
}

.tn-gradient-bg__bluepurple-single {
    --tn-cool-bg-start-color: var(--tn-color-bluepurple);
    --tn-cool-bg-end-color: var(--tn-color-bluepurple-light)
}

.tn-gradient-bg__aquablue {
    --tn-cool-bg-start-color: var(--tn-color-aquablue);
    --tn-cool-bg-end-color: var(--tn-color-blue)
}

.tn-gradient-bg__aquablue-light {
    --tn-cool-bg-start-color: var(--tn-color-aquablue-light);
    --tn-cool-bg-end-color: var(--tn-color-blue-light)
}

.tn-gradient-bg__aquablue-single {
    --tn-cool-bg-start-color: var(--tn-color-aquablue);
    --tn-cool-bg-end-color: var(--tn-color-aquablue-light)
}

.tn-gradient-bg__blue {
    --tn-cool-bg-start-color: var(--tn-color-blue);
    --tn-cool-bg-end-color: var(--tn-color-indigo)
}

.tn-gradient-bg__blue-light {
    --tn-cool-bg-start-color: var(--tn-color-blue-light);
    --tn-cool-bg-end-color: var(--tn-color-indigo-light)
}

.tn-gradient-bg__blue-single {
    --tn-cool-bg-start-color: var(--tn-color-blue);
    --tn-cool-bg-end-color: var(--tn-color-blue-light)
}

.tn-gradient-bg__indigo {
    --tn-cool-bg-start-color: var(--tn-color-indigo);
    --tn-cool-bg-end-color: var(--tn-color-cyan)
}

.tn-gradient-bg__indigo-light {
    --tn-cool-bg-start-color: var(--tn-color-indigo-light);
    --tn-cool-bg-end-color: var(--tn-color-cyan-light)
}

.tn-gradient-bg__indigo-single {
    --tn-cool-bg-start-color: var(--tn-color-indigo);
    --tn-cool-bg-end-color: var(--tn-color-indigo-light)
}

.tn-gradient-bg__cyan {
    --tn-cool-bg-start-color: var(--tn-color-cyan);
    --tn-cool-bg-end-color: var(--tn-color-teal)
}

.tn-gradient-bg__cyan-light {
    --tn-cool-bg-start-color: var(--tn-color-cyan-light);
    --tn-cool-bg-end-color: var(--tn-color-teal-light)
}

.tn-gradient-bg__cyan-single {
    --tn-cool-bg-start-color: var(--tn-color-cyan);
    --tn-cool-bg-end-color: var(--tn-color-cyan-light)
}

.tn-gradient-bg__teal {
    --tn-cool-bg-start-color: var(--tn-color-teal);
    --tn-cool-bg-end-color: var(--tn-color-green)
}

.tn-gradient-bg__teal-light {
    --tn-cool-bg-start-color: var(--tn-color-teal-light);
    --tn-cool-bg-end-color: var(--tn-color-green-light)
}

.tn-gradient-bg__teal-single {
    --tn-cool-bg-start-color: var(--tn-color-teal);
    --tn-cool-bg-end-color: var(--tn-color-teal-light)
}

.tn-gradient-bg__green {
    --tn-cool-bg-start-color: var(--tn-color-green);
    --tn-cool-bg-end-color: var(--tn-color-yellowgreen)
}

.tn-gradient-bg__green-light {
    --tn-cool-bg-start-color: var(--tn-color-green-light);
    --tn-cool-bg-end-color: var(--tn-color-yellowgreen-light)
}

.tn-gradient-bg__green-single {
    --tn-cool-bg-start-color: var(--tn-color-green);
    --tn-cool-bg-end-color: var(--tn-color-green-light)
}

.tn-gradient-bg__yellowgreen {
    --tn-cool-bg-start-color: var(--tn-color-yellowgreen);
    --tn-cool-bg-end-color: var(--tn-color-lime)
}

.tn-gradient-bg__yellowgreen-light {
    --tn-cool-bg-start-color: var(--tn-color-yellowgreen-light);
    --tn-cool-bg-end-color: var(--tn-color-lime-light)
}

.tn-gradient-bg__yellowgreen-single {
    --tn-cool-bg-start-color: var(--tn-color-yellowgreen);
    --tn-cool-bg-end-color: var(--tn-color-yellowgreen-light)
}

.tn-gradient-bg__lime {
    --tn-cool-bg-start-color: var(--tn-color-lime);
    --tn-cool-bg-end-color: var(--tn-color-yellow)
}

.tn-gradient-bg__lime-light {
    --tn-cool-bg-start-color: var(--tn-color-lime-light);
    --tn-cool-bg-end-color: var(--tn-color-yellow-light)
}

.tn-gradient-bg__lime-single {
    --tn-cool-bg-start-color: var(--tn-color-lime);
    --tn-cool-bg-end-color: var(--tn-color-lime-light)
}

.tn-gradient-bg__yellow {
    --tn-cool-bg-start-color: var(--tn-color-yellow);
    --tn-cool-bg-end-color: var(--tn-color-orangeyellow)
}

.tn-gradient-bg__yellow-light {
    --tn-cool-bg-start-color: var(--tn-color-yellow-light);
    --tn-cool-bg-end-color: var(--tn-color-orangeyellow-light)
}

.tn-gradient-bg__yellow-single {
    --tn-cool-bg-start-color: var(--tn-color-yellow);
    --tn-cool-bg-end-color: var(--tn-color-yellow-light)
}

.tn-gradient-bg__orangeyellow {
    --tn-cool-bg-start-color: var(--tn-color-orangeyellow);
    --tn-cool-bg-end-color: var(--tn-color-orange)
}

.tn-gradient-bg__orangeyellow-light {
    --tn-cool-bg-start-color: var(--tn-color-orangeyellow-light);
    --tn-cool-bg-end-color: var(--tn-color-orange-light)
}

.tn-gradient-bg__orangeyellow-single {
    --tn-cool-bg-start-color: var(--tn-color-orangeyellow);
    --tn-cool-bg-end-color: var(--tn-color-orangeyellow-light)
}

.tn-gradient-bg__orange {
    --tn-cool-bg-start-color: var(--tn-color-orange);
    --tn-cool-bg-end-color: var(--tn-color-orangered)
}

.tn-gradient-bg__orange-light {
    --tn-cool-bg-start-color: var(--tn-color-orange-light);
    --tn-cool-bg-end-color: var(--tn-color-orangered-light)
}

.tn-gradient-bg__orange-single {
    --tn-cool-bg-start-color: var(--tn-color-orange);
    --tn-cool-bg-end-color: var(--tn-color-orange-light)
}

.tn-gradient-bg__orangered-single {
    --tn-cool-bg-start-color: var(--tn-color-orangered);
    --tn-cool-bg-end-color: var(--tn-color-orangered-light)
}

.tn-gradient-bg__brown-single {
    --tn-cool-bg-start-color: var(--tn-color-brown);
    --tn-cool-bg-end-color: var(--tn-color-brown-light)
}

.tn-gradient-bg__grey {
    --tn-cool-bg-start-color: var(--tn-color-grey);
    --tn-cool-bg-end-color: var(--tn-color-gray)
}

.tn-gradient-bg__grey-light {
    --tn-cool-bg-start-color: var(--tn-color-grey-light);
    --tn-cool-bg-end-color: var(--tn-color-gray-light)
}

.tn-gradient-bg__grey-single {
    --tn-cool-bg-start-color: var(--tn-color-grey);
    --tn-cool-bg-end-color: var(--tn-color-grey-light)
}

.tn-gradient-bg__gray-single {
    --tn-cool-bg-start-color: var(--tn-color-gray);
    --tn-cool-bg-end-color: var(--tn-color-gray-light)
}

.tn-gradient-bg__cool-1 {
    --tn-cool-bg-start-color: #f5317f;
    --tn-cool-bg-end-color: #ff7c6e
}

.tn-gradient-bg__cool-2 {
    --tn-cool-bg-start-color: #ca26ff;
    --tn-cool-bg-end-color: #f360a7
}

.tn-gradient-bg__cool-3 {
    --tn-cool-bg-start-color: #a26ffc;
    --tn-cool-bg-end-color: #9d12ff
}

.tn-gradient-bg__cool-4 {
    --tn-cool-bg-start-color: #aa77f0;
    --tn-cool-bg-end-color: #e871e5
}

.tn-gradient-bg__cool-5 {
    --tn-cool-bg-start-color: #40a0f7;
    --tn-cool-bg-end-color: #4866e6
}

.tn-gradient-bg__cool-6 {
    --tn-cool-bg-start-color: #209cff;
    --tn-cool-bg-end-color: #68e0cf
}

.tn-gradient-bg__cool-7 {
    --tn-cool-bg-start-color: #00c3ff;
    --tn-cool-bg-end-color: #58fff5
}

.tn-gradient-bg__cool-8 {
    --tn-cool-bg-start-color: #00d1ff;
    --tn-cool-bg-end-color: #69ff97
}

.tn-gradient-bg__cool-9 {
    --tn-cool-bg-start-color: #0fd893;
    --tn-cool-bg-end-color: #29ecbf
}

.tn-gradient-bg__cool-10 {
    --tn-cool-bg-start-color: #0fd850;
    --tn-cool-bg-end-color: #f9f047
}

.tn-gradient-bg__cool-11 {
    --tn-cool-bg-start-color: #24fe41;
    --tn-cool-bg-end-color: #f7fd47
}

.tn-gradient-bg__cool-12 {
    --tn-cool-bg-start-color: #d6ff7f;
    --tn-cool-bg-end-color: #00f657
}

.tn-gradient-bg__cool-13 {
    --tn-cool-bg-start-color: #fa709a;
    --tn-cool-bg-end-color: #fee140
}

.tn-gradient-bg__cool-14 {
    --tn-cool-bg-start-color: #fe5e9c;
    --tn-cool-bg-end-color: #f1aa76
}

.tn-gradient-bg__cool-15 {
    --tn-cool-bg-start-color: #ff3181;
    --tn-cool-bg-end-color: #ff8331
}

.tn-gradient-bg__cool-16 {
    --tn-cool-bg-start-color: #ed1c24;
    --tn-cool-bg-end-color: #fece12
}

.tn-bg-image {
    position: relative
}

.tn-bg-image::after {
    content: " ";
    position: absolute;
    z-index: inherit;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    border-radius: var(--tn-border-radius-default);
    opacity: 1;
    transform: scale(1, 1);
    background-size: 100% 100%;
    background-image: inherit
}

.tn-bg-image:nth-of-type(1n)::after {
    background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/1.png)
}

.tn-bg-image:nth-of-type(2n)::after {
    background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/2.png)
}

.tn-bg-image:nth-of-type(3n)::after {
    background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/3.png)
}

.tn-bg-image:nth-of-type(4n)::after {
    background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/4.png)
}

.tn-bg-image:nth-of-type(5n)::after {
    background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/5.png)
}

.tn-bg-image:nth-of-type(6n)::after {
    background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/6.png)
}

.tn-type-primary_text {
    color: var(--tn-color-primary)
}

.tn-type-success_text {
    color: var(--tn-color-success)
}

.tn-type-warning_text {
    color: var(--tn-color-warning)
}

.tn-type-danger_text {
    color: var(--tn-color-danger)
}

.tn-type-error_text {
    color: var(--tn-color-error)
}

.tn-type-info_text {
    color: var(--tn-color-info)
}

.tn-white_text {
    color: var(--tn-color-white)
}

.tn-black_text {
    color: var(--tn-text-color-primary)
}

.tn-red_text {
    color: var(--tn-color-red)
}

.tn-red-light_text {
    color: var(--tn-color-red-light)
}

.tn-red-dark_text {
    color: var(--tn-color-red-dark)
}

.tn-red-disabled_text {
    color: var(--tn-color-red-disabled)
}

.tn-purplered_text {
    color: var(--tn-color-purplered)
}

.tn-purplered-light_text {
    color: var(--tn-color-purplered-light)
}

.tn-purplered-dark_text {
    color: var(--tn-color-purplered-dark)
}

.tn-purplered-disabled_text {
    color: var(--tn-color-purplered-disabled)
}

.tn-purple_text {
    color: var(--tn-color-purple)
}

.tn-purple-light_text {
    color: var(--tn-color-purple-light)
}

.tn-purple-dark_text {
    color: var(--tn-color-purple-dark)
}

.tn-purple-disabled_text {
    color: var(--tn-color-purple-disabled)
}

.tn-bluepurple_text {
    color: var(--tn-color-bluepurple)
}

.tn-bluepurple-light_text {
    color: var(--tn-color-bluepurple-light)
}

.tn-bluepurple-dark_text {
    color: var(--tn-color-bluepurple-dark)
}

.tn-bluepurple-disabled_text {
    color: var(--tn-color-bluepurple-disabled)
}

.tn-aquablue_text {
    color: var(--tn-color-aquablue)
}

.tn-aquablue-light_text {
    color: var(--tn-color-aquablue-light)
}

.tn-aquablue-dark_text {
    color: var(--tn-color-aquablue-dark)
}

.tn-aquablue-disabled_text {
    color: var(--tn-color-aquablue-disabled)
}

.tn-blue_text {
    color: var(--tn-color-blue)
}

.tn-blue-light_text {
    color: var(--tn-color-blue-light)
}

.tn-blue-dark_text {
    color: var(--tn-color-blue-dark)
}

.tn-blue-disabled_text {
    color: var(--tn-color-blue-disabled)
}

.tn-indigo_text {
    color: var(--tn-color-indigo)
}

.tn-indigo-light_text {
    color: var(--tn-color-indigo-light)
}

.tn-indigo-dark_text {
    color: var(--tn-color-indigo-dark)
}

.tn-indigo-disabled_text {
    color: var(--tn-color-indigo-disabled)
}

.tn-cyan_text {
    color: var(--tn-color-cyan)
}

.tn-cyan-light_text {
    color: var(--tn-color-cyan-light)
}

.tn-cyan-dark_text {
    color: var(--tn-color-cyan-dark)
}

.tn-cyan-disabled_text {
    color: var(--tn-color-cyan-disabled)
}

.tn-teal_text {
    color: var(--tn-color-teal)
}

.tn-teal-light_text {
    color: var(--tn-color-teal-light)
}

.tn-teal-dark_text {
    color: var(--tn-color-teal-dark)
}

.tn-teal-disabled_text {
    color: var(--tn-color-teal-disabled)
}

.tn-green_text {
    color: var(--tn-color-green)
}

.tn-green-light_text {
    color: var(--tn-color-green-light)
}

.tn-green-dark_text {
    color: var(--tn-color-green-dark)
}

.tn-green-disabled_text {
    color: var(--tn-color-green-disabled)
}

.tn-yellowgreen_text {
    color: var(--tn-color-yellowgreen)
}

.tn-yellowgreen-light_text {
    color: var(--tn-color-yellowgreen-light)
}

.tn-yellowgreen-dark_text {
    color: var(--tn-color-yellowgreen-dark)
}

.tn-yellowgreen-disabled_text {
    color: var(--tn-color-yellowgreen-disabled)
}

.tn-lime_text {
    color: var(--tn-color-lime)
}

.tn-lime-light_text {
    color: var(--tn-color-lime-light)
}

.tn-lime-dark_text {
    color: var(--tn-color-lime-dark)
}

.tn-lime-disabled_text {
    color: var(--tn-color-lime-disabled)
}

.tn-yellow_text {
    color: var(--tn-color-yellow)
}

.tn-yellow-light_text {
    color: var(--tn-color-yellow-light)
}

.tn-yellow-dark_text {
    color: var(--tn-color-yellow-dark)
}

.tn-yellow-disabled_text {
    color: var(--tn-color-yellow-disabled)
}

.tn-orangeyellow_text {
    color: var(--tn-color-orangeyellow)
}

.tn-orangeyellow-light_text {
    color: var(--tn-color-orangeyellow-light)
}

.tn-orangeyellow-dark_text {
    color: var(--tn-color-orangeyellow-dark)
}

.tn-orangeyellow-disabled_text {
    color: var(--tn-color-orangeyellow-disabled)
}

.tn-orange_text {
    color: var(--tn-color-orange)
}

.tn-orange-light_text {
    color: var(--tn-color-orange-light)
}

.tn-orange-dark_text {
    color: var(--tn-color-orange-dark)
}

.tn-orange-disabled_text {
    color: var(--tn-color-orange-disabled)
}

.tn-orangered_text {
    color: var(--tn-color-orangered)
}

.tn-orangered-light_text {
    color: var(--tn-color-orangered-light)
}

.tn-orangered-dark_text {
    color: var(--tn-color-orangered-dark)
}

.tn-orangered-disabled_text {
    color: var(--tn-color-orangered-disabled)
}

.tn-brown_text {
    color: var(--tn-color-brown)
}

.tn-brown-light_text {
    color: var(--tn-color-brown-light)
}

.tn-brown-dark_text {
    color: var(--tn-color-brown-dark)
}

.tn-brown-disabled_text {
    color: var(--tn-color-brown-disabled)
}

.tn-grey_text {
    color: var(--tn-color-grey)
}

.tn-grey-light_text {
    color: var(--tn-color-grey-light)
}

.tn-grey-dark_text {
    color: var(--tn-color-grey-dark)
}

.tn-grey-disabled_text {
    color: var(--tn-color-grey-disabled)
}

.tn-gray_text {
    color: var(--tn-color-gray)
}

.tn-gray-light_text {
    color: var(--tn-color-gray-light)
}

.tn-gray-dark_text {
    color: var(--tn-color-gray-dark)
}

.tn-gray-disabled_text {
    color: var(--tn-color-gray-disabled)
}

.tn-type-primary_border {
    border-color: var(--tn-color-primary)
}

.tn-type-success_border {
    border-color: var(--tn-color-success)
}

.tn-type-warning_border {
    border-color: var(--tn-color-warning)
}

.tn-type-danger_border {
    border-color: var(--tn-color-danger)
}

.tn-type-error_border {
    border-color: var(--tn-color-error)
}

.tn-type-info_border {
    border-color: var(--tn-color-info)
}

.tn-white_border {
    border-color: var(--tn-color-white)
}

.tn-black_border {
    border-color: var(--tn-text-color-primary)
}

.tn-red_border {
    border-color: var(--tn-color-red)
}

.tn-red-light_border {
    border-color: var(--tn-color-red-light)
}

.tn-red-dark_border {
    border-color: var(--tn-color-red-dark)
}

.tn-red-disabled_border {
    border-color: var(--tn-color-red-disabled)
}

.tn-purplered_border {
    border-color: var(--tn-color-purplered)
}

.tn-purplered-light_border {
    border-color: var(--tn-color-purplered-light)
}

.tn-purplered-dark_border {
    border-color: var(--tn-color-purplered-dark)
}

.tn-purplered-disabled_border {
    border-color: var(--tn-color-purplered-disabled)
}

.tn-purple_border {
    border-color: var(--tn-color-purple)
}

.tn-purple-light_border {
    border-color: var(--tn-color-purple-light)
}

.tn-purple-dark_border {
    border-color: var(--tn-color-purple-dark)
}

.tn-purple-disabled_border {
    border-color: var(--tn-color-purple-disabled)
}

.tn-bluepurple_border {
    border-color: var(--tn-color-bluepurple)
}

.tn-bluepurple-light_border {
    border-color: var(--tn-color-bluepurple-light)
}

.tn-bluepurple-dark_border {
    border-color: var(--tn-color-bluepurple-dark)
}

.tn-bluepurple-disabled_border {
    border-color: var(--tn-color-bluepurple-disabled)
}

.tn-aquablue_border {
    border-color: var(--tn-color-aquablue)
}

.tn-aquablue-light_border {
    border-color: var(--tn-color-aquablue-light)
}

.tn-aquablue-dark_border {
    border-color: var(--tn-color-aquablue-dark)
}

.tn-aquablue-disabled_border {
    border-color: var(--tn-color-aquablue-disabled)
}

.tn-blue_border {
    border-color: var(--tn-color-blue)
}

.tn-blue-light_border {
    border-color: var(--tn-color-blue-light)
}

.tn-blue-dark_border {
    border-color: var(--tn-color-blue-dark)
}

.tn-blue-disabled_border {
    border-color: var(--tn-color-blue-disabled)
}

.tn-indigo_border {
    border-color: var(--tn-color-indigo)
}

.tn-indigo-light_border {
    border-color: var(--tn-color-indigo-light)
}

.tn-indigo-dark_border {
    border-color: var(--tn-color-indigo-dark)
}

.tn-indigo-disabled_border {
    border-color: var(--tn-color-indigo-disabled)
}

.tn-cyan_border {
    border-color: var(--tn-color-cyan)
}

.tn-cyan-light_border {
    border-color: var(--tn-color-cyan-light)
}

.tn-cyan-dark_border {
    border-color: var(--tn-color-cyan-dark)
}

.tn-cyan-disabled_border {
    border-color: var(--tn-color-cyan-disabled)
}

.tn-teal_border {
    border-color: var(--tn-color-teal)
}

.tn-teal-light_border {
    border-color: var(--tn-color-teal-light)
}

.tn-teal-dark_border {
    border-color: var(--tn-color-teal-dark)
}

.tn-teal-disabled_border {
    border-color: var(--tn-color-teal-disabled)
}

.tn-green_border {
    border-color: var(--tn-color-green)
}

.tn-green-light_border {
    border-color: var(--tn-color-green-light)
}

.tn-green-dark_border {
    border-color: var(--tn-color-green-dark)
}

.tn-green-disabled_border {
    border-color: var(--tn-color-green-disabled)
}

.tn-yellowgreen_border {
    border-color: var(--tn-color-yellowgreen)
}

.tn-yellowgreen-light_border {
    border-color: var(--tn-color-yellowgreen-light)
}

.tn-yellowgreen-dark_border {
    border-color: var(--tn-color-yellowgreen-dark)
}

.tn-yellowgreen-disabled_border {
    border-color: var(--tn-color-yellowgreen-disabled)
}

.tn-lime_border {
    border-color: var(--tn-color-lime)
}

.tn-lime-light_border {
    border-color: var(--tn-color-lime-light)
}

.tn-lime-dark_border {
    border-color: var(--tn-color-lime-dark)
}

.tn-lime-disabled_border {
    border-color: var(--tn-color-lime-disabled)
}

.tn-yellow_border {
    border-color: var(--tn-color-yellow)
}

.tn-yellow-light_border {
    border-color: var(--tn-color-yellow-light)
}

.tn-yellow-dark_border {
    border-color: var(--tn-color-yellow-dark)
}

.tn-yellow-disabled_border {
    border-color: var(--tn-color-yellow-disabled)
}

.tn-orangeyellow_border {
    border-color: var(--tn-color-orangeyellow)
}

.tn-orangeyellow-light_border {
    border-color: var(--tn-color-orangeyellow-light)
}

.tn-orangeyellow-dark_border {
    border-color: var(--tn-color-orangeyellow-dark)
}

.tn-orangeyellow-disabled_border {
    border-color: var(--tn-color-orangeyellow-disabled)
}

.tn-orange_border {
    border-color: var(--tn-color-orange)
}

.tn-orange-light_border {
    border-color: var(--tn-color-orange-light)
}

.tn-orange-dark_border {
    border-color: var(--tn-color-orange-dark)
}

.tn-orange-disabled_border {
    border-color: var(--tn-color-orange-disabled)
}

.tn-orangered_border {
    border-color: var(--tn-color-orangered)
}

.tn-orangered-light_border {
    border-color: var(--tn-color-orangered-light)
}

.tn-orangered-dark_border {
    border-color: var(--tn-color-orangered-dark)
}

.tn-orangered-disabled_border {
    border-color: var(--tn-color-orangered-disabled)
}

.tn-brown_border {
    border-color: var(--tn-color-brown)
}

.tn-brown-light_border {
    border-color: var(--tn-color-brown-light)
}

.tn-brown-dark_border {
    border-color: var(--tn-color-brown-dark)
}

.tn-brown-disabled_border {
    border-color: var(--tn-color-brown-disabled)
}

.tn-grey_border {
    border-color: var(--tn-color-grey)
}

.tn-grey-light_border {
    border-color: var(--tn-color-grey-light)
}

.tn-grey-dark_border {
    border-color: var(--tn-color-grey-dark)
}

.tn-grey-disabled_border {
    border-color: var(--tn-color-grey-disabled)
}

.tn-gray_border {
    border-color: var(--tn-color-gray)
}

.tn-gray-light_border {
    border-color: var(--tn-color-gray-light)
}

.tn-gray-dark_border {
    border-color: var(--tn-color-gray-dark)
}

.tn-gray-disabled_border {
    border-color: var(--tn-color-gray-disabled)
}

.tn-type-primary_shadow {
    --tn-shadow-color: var(--tn-color-primary);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-type-success_shadow {
    --tn-shadow-color: var(--tn-color-success);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-type-warning_shadow {
    --tn-shadow-color: var(--tn-color-warning);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-type-danger_shadow {
    --tn-shadow-color: var(--tn-color-danger);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-type-error_shadow {
    --tn-shadow-color: var(--tn-color-error);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-type-info_shadow {
    --tn-shadow-color: var(--tn-color-info);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-white_shadow {
    --tn-shadow-color: var(--tn-color-white);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-black_shadow {
    --tn-shadow-color: var(--tn-text-color-primary);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-red_shadow {
    --tn-shadow-color: var(--tn-color-red);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-red-light_shadow {
    --tn-shadow-color: var(--tn-color-red-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-red-dark_shadow {
    --tn-shadow-color: var(--tn-color-red-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-red-disabled_shadow {
    --tn-shadow-color: var(--tn-color-red-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-purplered_shadow {
    --tn-shadow-color: var(--tn-color-purplered);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-purplered-light_shadow {
    --tn-shadow-color: var(--tn-color-purplered-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-purplered-dark_shadow {
    --tn-shadow-color: var(--tn-color-purplered-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-purplered-disabled_shadow {
    --tn-shadow-color: var(--tn-color-purplered-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-purple_shadow {
    --tn-shadow-color: var(--tn-color-purple);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-purple-light_shadow {
    --tn-shadow-color: var(--tn-color-purple-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-purple-dark_shadow {
    --tn-shadow-color: var(--tn-color-purple-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-purple-disabled_shadow {
    --tn-shadow-color: var(--tn-color-purple-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-bluepurple_shadow {
    --tn-shadow-color: var(--tn-color-bluepurple);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-bluepurple-light_shadow {
    --tn-shadow-color: var(--tn-color-bluepurple-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-bluepurple-dark_shadow {
    --tn-shadow-color: var(--tn-color-bluepurple-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-bluepurple-disabled_shadow {
    --tn-shadow-color: var(--tn-color-bluepurple-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-aquablue_shadow {
    --tn-shadow-color: var(--tn-color-aquablue);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-aquablue-light_shadow {
    --tn-shadow-color: var(--tn-color-aquablue-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-aquablue-dark_shadow {
    --tn-shadow-color: var(--tn-color-aquablue-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-aquablue-disabled_shadow {
    --tn-shadow-color: var(--tn-color-aquablue-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-blue_shadow {
    --tn-shadow-color: var(--tn-color-blue);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-blue-light_shadow {
    --tn-shadow-color: var(--tn-color-blue-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-blue-dark_shadow {
    --tn-shadow-color: var(--tn-color-blue-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-blue-disabled_shadow {
    --tn-shadow-color: var(--tn-color-blue-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-indigo_shadow {
    --tn-shadow-color: var(--tn-color-indigo);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-indigo-light_shadow {
    --tn-shadow-color: var(--tn-color-indigo-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-indigo-dark_shadow {
    --tn-shadow-color: var(--tn-color-indigo-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-indigo-disabled_shadow {
    --tn-shadow-color: var(--tn-color-indigo-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-cyan_shadow {
    --tn-shadow-color: var(--tn-color-cyan);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-cyan-light_shadow {
    --tn-shadow-color: var(--tn-color-cyan-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-cyan-dark_shadow {
    --tn-shadow-color: var(--tn-color-cyan-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-cyan-disabled_shadow {
    --tn-shadow-color: var(--tn-color-cyan-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-teal_shadow {
    --tn-shadow-color: var(--tn-color-teal);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-teal-light_shadow {
    --tn-shadow-color: var(--tn-color-teal-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-teal-dark_shadow {
    --tn-shadow-color: var(--tn-color-teal-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-teal-disabled_shadow {
    --tn-shadow-color: var(--tn-color-teal-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-green_shadow {
    --tn-shadow-color: var(--tn-color-green);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-green-light_shadow {
    --tn-shadow-color: var(--tn-color-green-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-green-dark_shadow {
    --tn-shadow-color: var(--tn-color-green-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-green-disabled_shadow {
    --tn-shadow-color: var(--tn-color-green-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-yellowgreen_shadow {
    --tn-shadow-color: var(--tn-color-yellowgreen);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-yellowgreen-light_shadow {
    --tn-shadow-color: var(--tn-color-yellowgreen-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-yellowgreen-dark_shadow {
    --tn-shadow-color: var(--tn-color-yellowgreen-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-yellowgreen-disabled_shadow {
    --tn-shadow-color: var(--tn-color-yellowgreen-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-lime_shadow {
    --tn-shadow-color: var(--tn-color-lime);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-lime-light_shadow {
    --tn-shadow-color: var(--tn-color-lime-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-lime-dark_shadow {
    --tn-shadow-color: var(--tn-color-lime-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-lime-disabled_shadow {
    --tn-shadow-color: var(--tn-color-lime-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-yellow_shadow {
    --tn-shadow-color: var(--tn-color-yellow);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-yellow-light_shadow {
    --tn-shadow-color: var(--tn-color-yellow-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-yellow-dark_shadow {
    --tn-shadow-color: var(--tn-color-yellow-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-yellow-disabled_shadow {
    --tn-shadow-color: var(--tn-color-yellow-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-orangeyellow_shadow {
    --tn-shadow-color: var(--tn-color-orangeyellow);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-orangeyellow-light_shadow {
    --tn-shadow-color: var(--tn-color-orangeyellow-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-orangeyellow-dark_shadow {
    --tn-shadow-color: var(--tn-color-orangeyellow-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-orangeyellow-disabled_shadow {
    --tn-shadow-color: var(--tn-color-orangeyellow-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-orange_shadow {
    --tn-shadow-color: var(--tn-color-orange);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-orange-light_shadow {
    --tn-shadow-color: var(--tn-color-orange-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-orange-dark_shadow {
    --tn-shadow-color: var(--tn-color-orange-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-orange-disabled_shadow {
    --tn-shadow-color: var(--tn-color-orange-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-orangered_shadow {
    --tn-shadow-color: var(--tn-color-orangered);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-orangered-light_shadow {
    --tn-shadow-color: var(--tn-color-orangered-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-orangered-dark_shadow {
    --tn-shadow-color: var(--tn-color-orangered-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-orangered-disabled_shadow {
    --tn-shadow-color: var(--tn-color-orangered-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-brown_shadow {
    --tn-shadow-color: var(--tn-color-brown);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-brown-light_shadow {
    --tn-shadow-color: var(--tn-color-brown-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-brown-dark_shadow {
    --tn-shadow-color: var(--tn-color-brown-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-brown-disabled_shadow {
    --tn-shadow-color: var(--tn-color-brown-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-grey_shadow {
    --tn-shadow-color: var(--tn-color-grey);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-grey-light_shadow {
    --tn-shadow-color: var(--tn-color-grey-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-grey-dark_shadow {
    --tn-shadow-color: var(--tn-color-grey-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-grey-disabled_shadow {
    --tn-shadow-color: var(--tn-color-grey-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-gray_shadow {
    --tn-shadow-color: var(--tn-color-gray);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-gray-light_shadow {
    --tn-shadow-color: var(--tn-color-gray-light);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-gray-dark_shadow {
    --tn-shadow-color: var(--tn-color-gray-dark);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-gray-disabled_shadow {
    --tn-shadow-color: var(--tn-color-gray-disabled);
    --tn-shadow: var(--tn-shadow-colored)
}

.tn-text {
    font-size: var(--tn-font-size)
}

.tn-text-xs {
    font-size: var(--tn-font-size-xs)
}

.tn-text-sm {
    font-size: var(--tn-font-size-sm)
}

.tn-text-lg {
    font-size: var(--tn-font-size-lg)
}

.tn-text-xl {
    font-size: var(--tn-font-size-xl)
}

.tn-text-2xl {
    font-size: var(--tn-font-size-2xl)
}

.tn-text-3xl {
    font-size: var(--tn-font-size-3xl)
}

.tn-text-4xl {
    font-size: var(--tn-font-size-4xl)
}

.tn-text-uppercase {
    text-transform: uppercase
}

.tn-text-lowercase {
    text-transform: lowercase
}

.tn-text-capitalize {
    text-transform: capitalize
}

.tn-text-bold {
    font-weight: 700
}

.tn-text-center {
    text-align: center
}

.tn-text-left {
    text-align: left
}

.tn-text-right {
    text-align: right
}

[class*=tn-text-ellipsis] {
    width: 100%
}

.tn-text-ellipsis-1 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical !important
}

.tn-text-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical !important
}

.tn-text-ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical !important
}

.tn-text-ellipsis-4 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical !important
}

.tn-text-ellipsis-5 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical !important
}

.tn-text-transparent {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important
}

.tn-break-word {
    word-wrap: break-word
}

[class*=tn-border] {
    border-radius: inherit;
    box-sizing: border-box;
    border-width: var(--tn-border-width);
    border-style: solid
}

.tn-radius {
    border-radius: var(--tn-border-radius)
}

.tn-round {
    border-radius: var(--tn-border-radius-round)
}

.tn-border-bold {
    border-width: var(--tn-border-width-bold)
}

.tn-border-dashed {
    border-style: dashed
}

.tn-border-top {
    border-width: 0;
    border-top-width: var(--tn-border-width)
}

.tn-border-top.tn-border-bold {
    border-top-width: var(--tn-border-width-bold)
}

.tn-border-right {
    border-width: 0;
    border-right-width: var(--tn-border-width)
}

.tn-border-right.tn-border-bold {
    border-right-width: var(--tn-border-width-bold)
}

.tn-border-bottom {
    border-width: 0;
    border-bottom-width: var(--tn-border-width)
}

.tn-border-bottom.tn-border-bold {
    border-bottom-width: var(--tn-border-width-bold)
}

.tn-border-left {
    border-width: 0;
    border-left-width: var(--tn-border-width)
}

.tn-border-left.tn-border-bold {
    border-left-width: var(--tn-border-width-bold)
}

.tn-border-none {
    border-width: 0
}

.tn-border-none-top {
    border-top-width: 0
}

.tn-border-none-right {
    border-right-width: 0
}

.tn-border-none-bottom {
    border-bottom-width: 0
}

.tn-border-none-left {
    border-left-width: 0
}

uni-toast {
    z-index: 30090
}

uni-toast .uni-toast {
    z-index: inherit
}

uni-modal {
    z-index: 30090
}

uni-modal .uni-mask {
    z-index: inherit
}

uni-modal .uni-modal {
    z-index: inherit
}

scroll-view ::v-deep ::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: 0 0
}